<template>
    <div class="letterdetail-bottom">
        <flexbox :gutter="0" style="height:100%">
            <flexbox-item :span="1/5" style="height:100%">
                <div class="bottom-flex bottom-back">
                    <svg class="icon cell_icon" aria-hidden="true" style="width:.5rem;height:.5rem;margin-top:.05rem;">
                        <use xlink:href="#icon-fanhui"></use>
                    </svg>
                    <router-link tag="div" to="-1" class="bottom-back__tips">返回</router-link>
                </div>
            </flexbox-item>
            <flexbox-item style="height:100%">
                <div class="bottom-flex bottom-reply">
                    保存
                </div>
            </flexbox-item>
        </flexbox>
    </div>
</template>
<script>
import { Flexbox, FlexboxItem  } from 'vux'
export default {
    name: 'setInfoBottom',
    components: {
        Flexbox, 
        FlexboxItem,
    }
}
</script>

<style lang="stylus" scoped>
.letterdetail-bottom
    width: 100%
    height: 1rem
    position: fixed
    bottom: 0
    border-top: 1px solid #f0f0f0
    box-shadow: 0 0 2px #f0f0f0
    .bottom-flex
        height: 100%
        text-align: center
    .bottom-back
        background-color: #ffffff
        .bottom-back__tips
            margin-top: .05rem
    .bottom-reply
        line-height: 1rem
        font-size: .42rem
        color: #ffffff
        background-color: #ec9315
</style>